<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/house.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/house.ico">
    <link rel="apple-touch-icon-precomposed" sizes="512x512" href="images/house.ico">
    <link rel="shortcut icon" href="images/house.ico">
    <!--css-->
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/loaders.min.css"/>
    <link rel="stylesheet" href="css/loading.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/swiper.min.css">

    <!--javascript-->
    <script src="plugins/jquery.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugins/swiper/js/swiper.jquery.min.js"></script>

    <style>
    </style>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<body>
<!--header开始-->
<header>
    <div>库头互联</div>
    <div class="clear"></div>
</header>
<!--swiper-->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="#"><img src="images/kufang_01.png"></a></div>
        <div class="swiper-slide"><a href="#"><img src="images/kufang_02.png"></a></div>
        <div class="swiper-slide"><a href="#"><img src="images/kufang_03.png"></a></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!--simple function-->
<div class="cation clearfloat">
    <ul class="clearfloat">
        <li>
            <a href="entire.html">
                <img src="images/icon_fang.png"/>
                <p>物流地供求</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_ershou.png"/>
                <p>仓配二手设备</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_laowu.png"/>
                <p>劳务供求</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_yunshu.png"/>
                <p>运输配送</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_sheji.png"/>
                <p>仓储设计方案</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_haocai.png"/>
                <p>耗材供求</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_yuanliao.png"/>
                <p>商品原料供求</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/icon_gengduo.png"/>
                <p>更多</p>
            </a>
        </li>
    </ul>
</div>
<!--list store -->
<div class="recom clearfloat">
    <div class="recom-tit clearfloat box-s">
        <div class="fl"><p>热库推荐</p></div>
        <div class="fr"><a href="list-store.html">更多</a></div>
    </div>
    <div class="content clearfloat box-s">
        <div class="list clearfloat fl box-s" onclick="javascript:window.location.href='detail-store.html'">
            <div class="tu clearfloat">
                <p class="jian"></p>
                <img src="upload/list-tu.jpg"/>
            </div>
            <div class="center clearfloat">
                <div class="tit fl">
                    <p class="normal">北京（大兴）1号院</p>
                    <p class="min">位置： 北京大兴</p>
                    <p class="min">面积： 1500.0㎡</p>
                    <span class="label-red">冷冻库</span>
                    <span class="label-red">高台</span>
                </div>
                <div class="right clearfloat">
                    <span class="fr"><p class="price">0.11</p><samp>元/㎡/天/起</samp></span>
                </div>
            </div>
        </div>
        <div class="list clearfloat fl box-s" onclick="javascript:window.location.href='detail-store.html'">
            <div class="tu clearfloat">
                <p class="jian"></p>
                <img src="upload/list-tu.jpg"/>
            </div>
            <div class="center clearfloat">
                <div class="tit fl">
                    <p class="normal">北京（大兴）1号院</p>
                    <p class="min">位置： 北京大兴</p>
                    <p class="min">面积： 1500.0㎡</p>
                    <span class="label-blue">普通库</span>
                    <span class="label-blue">平台</span>
                </div>
                <div class="right clearfloat">
                    <span class="fr"><p class="price">0.11</p><samp>元/㎡/天/起</samp></span>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li class="active">
            <a href="index.html">
                <i class="iconfont icon-shouyev1"></i>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="rent-store.html">
                <i class="iconfont icon-chuzuwo"></i>
                <p>我要出租</p>
            </a>
        </li>
        <li>
            <a href="looking-store.html">
                <i class="iconfont icon-money"></i>
                <p>我在找库</p>
            </a>
        </li>
        <li>
            <a href="login.html">
                <i class="iconfont icon-favorite"></i>
                <p>个人中心</p>
            </a>
        </li>
    </ul>
</footer>
</body>
<script>
    $(function () {
        $(window).load(function () {
            $(".loading").addClass("loader-chanage");
            $(".loading").fadeOut(300);
        });
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            centeredSlides: true,
            spaceBetween: 30,
            autoplay: 2500,
            autoplayDisableOnInteraction: false,
            loop: true
        });
    });
</script>
</html>

</body>
</html>
